<!DOCTYPE html>
<html lang="ru">
<head>
	<title>Веб-дизайн + верстка</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, width=device-width">
	<link rel="stylesheet" href="css/style.min.css" type="text/css" />
</head>
<body>
<div class="container">
	<div class="wrap">
		<header class="header">
			<div class="header__left">
				<a target="_blank" href="https://webformyself.com/">
					<img src="img/logo.png" alt="WebForMyself">
				</a>
			</div>
		</header>
		<section class="content">
			<nav class="content__left">
				<ul class="content__menu menu">
					<li class="menu__element">
						<a class="menu__link" href="/index.html">Главная</a>
					</li>
					<li class="menu__element">
						<a target="_blank" class="menu__link" href="https://webformyself.com/nashi-kursy/">Другие инфопродукты</a>
					</li>
					<li class="menu__element">
						<a target="_blank" class="menu__link" href="https://webformyself.com/forum/">Поситите наш форум</a>
					</li>
					<li class="menu__element">
						<a target="_blank" class="menu__link" href="https://webformyself.support-desk.ru/">Служба поддержки</a>
					</li>
				</ul>
			</nav>
			<div class="content__name">
				<img src="img/name-course.png" alt="">
			</div>
			<div class="content__videoblock">
				<a href="part1.html">
					<img src="img/block1.png" alt="">
					<p>Раздел 1 <span>41</span></p>
					<p>Веб-дизайн</p>
				</a>
				<a href="part2.html">
					<img src="img/block2.png" alt="">
					<p>Раздел 2 <span>25</span></p>
					<p>Верстка</p>
				</a>
			</div>
			<article class="content__main list">
				<p class="list__block">Блок 1.</p>
				<p class="list__name">Figma от А до Я</p>
				<p class="list__lesson">
					<span class="list__number">Урок 1.</span>
					<a class="list__link" href="part1/part1_1.html">Скачивание программы</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 2.</span>
					<a class="list__link" href="part1/part1_2.html">Обзор интерфейса</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 3.</span>
					<a class="list__link" href="part1/part1_3.html">Frame</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 4.</span>
					<a class="list__link" href="part1/part1_4.html">Move и Scale</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 5.</span>
					<a class="list__link" href="part1/part1_5.html">Инструмент формы</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 6.</span>
					<a class="list__link" href="part1/part1_6.html">Перо и карандаш</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 7.</span>
					<a class="list__link" href="part1/part1_7.html">Инструмент текст</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 8.</span>
					<a class="list__link" href="part1/part1_8.html">Комментарии</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 9.</span>
					<a class="list__link" href="part1/part1_9.html">Экспорт</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 10.</span>
					<a class="list__link" href="part1/part1_10.html">Смарт выравнивание</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 11.</span>
					<a class="list__link" href="part1/part1_11.html">Маска слоя</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 12.</span>
					<a class="list__link" href="part1/part1_12.html">Share</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 13.</span>
					<a class="list__link" href="part1/part1_13.html">Модульная сетка</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 14.</span>
					<a class="list__link" href="part1/part1_14.html">Режим смешивания</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 15.</span>
					<a class="list__link" href="part1/part1_15.html">Стили для текста</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 16.</span>
					<a class="list__link" href="part1/part1_16.html">Стили для цвета</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 17.</span>
					<a class="list__link" href="part1/part1_17.html">Компоненты</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 18.</span>
					<a class="list__link" href="part1/part1_18.html">Адаптивные элементы</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 19.</span>
					<a class="list__link" href="part1/part1_19.html">Прототипирование</a>
				</p>
				<p class="list__block">Блок 2.</p>
				<p class="list__name">Дизайн. Десктоп версия</p>
				<p class="list__lesson">
					<span class="list__number">Урок 1.</span>
					<a class="list__link" href="part2/part2_1.html">Frame и Grid</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 2.</span>
					<a class="list__link" href="part2/part2_2.html">Перенос ТЗ</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 3.</span>
					<a class="list__link" href="part2/part2_3.html">Основные элементы</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 4.</span>
					<a class="list__link" href="part2/part2_4.html">Первый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 5.</span>
					<a class="list__link" href="part2/part2_5.html">Второй экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 6.</span>
					<a class="list__link" href="part2/part2_6.html">Третий экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 7.</span>
					<a class="list__link" href="part2/part2_7.html">Четвертый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 8.</span>
					<a class="list__link" href="part2/part2_8.html">Пятый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 9.</span>
					<a class="list__link" href="part2/part2_9.html">Шестой экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 10.</span>
					<a class="list__link" href="part2/part2_10.html">Добавление цвета</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 11.</span>
					<a class="list__link" href="part2/part2_11.html">Добавление графики</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 12.</span>
					<a class="list__link" href="part2/part2_12.html">Всплывающие меню</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 13.</span>
					<a class="list__link" href="part2/part2_13.html">Подготовка макета для верстки</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 14.</span>
					<a class="list__link" href="part2/part2_14.html">Интерактивные элементы</a>
				</p>
				<div class="list__lesson">
					<a class="list__link list__link--two" target="_blank" href="https://www.figma.com/file/VyH4N3XHRrLxQZ1ZuFOL1vgu/dop?node-id=0%3A1">ДОПОЛНИТЕЛЬНЫЕ МАТЕРИАЛЫ</a>
				</div>
				<p class="list__block">Блок 3.</p>
				<p class="list__name">Дизайн. Мобильная версия</p>
				<p class="list__lesson">
					<span class="list__number">Урок 1.</span>
					<a class="list__link" href="part3/part3_1.html">Теория о мобильной версии и бутсрап сетка</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 2.</span>
					<a class="list__link" href="part3/part3_2.html">Первый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 3.</span>
					<a class="list__link" href="part3/part3_3.html">Второй экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 4.</span>
					<a class="list__link" href="part3/part3_4.html">Третий экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 5.</span>
					<a class="list__link" href="part3/part3_5.html">Четвертый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 6.</span>
					<a class="list__link" href="part3/part3_6.html">Пятый экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 7.</span>
					<a class="list__link" href="part3/part3_7.html">Шестой экран</a>
				</p>
				<p class="list__lesson">
					<span class="list__number">Урок 8.</span>
					<a class="list__link" href="part3/part3_8.html">Меню</a>
				</p>
			</article>
			<main class="content__right">
				<ul class="bonus content__bonus">
					<li class="bonus__element">
						<a class="bonus__link" href="bonus1.html">
							<img class="bonus__icon" src="img/icon1.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 1.</p>
								<p>Интерактивный прототип</p>
							</div>
							<span class="bonus__lessons">1</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus2.html">
							<img class="bonus__icon" src="img/icon11.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 2.</p>
								<p>7 лайфхаков по работе в Figma</p>
							</div>
							<span class="bonus__lessons">1</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus3.html">
							<img class="bonus__icon" src="img/icon2.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 3.</p>
								<p>Премиум курс. Учебник по основам HTML для начинающих</p>
							</div>
							<span class="bonus__lessons">8</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus4.html">
							<img class="bonus__icon" src="img/icon3.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 4.</p>
								<p>Премиум курс. Учебник по основам CSS для начинающих</p>
							</div>
							<span class="bonus__lessons">10</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus5.html">
							<img class="bonus__icon" src="img/icon4.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 5.</p>
								<p>Премиум курс. Верстка сайта для начинающих</p>
							</div>
							<span class="bonus__lessons">5</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus6.html">
							<img class="bonus__icon" src="img/icon5.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 6.</p>
								<p>Премиум курс. HTML5. Основы</p>
							</div>
							<span class="bonus__lessons">13</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus7.html">
							<img class="bonus__icon" src="img/icon6.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 7.</p>
								<p>Премиум курс. CSS3. Основы</p>
							</div>
							<span class="bonus__lessons">20</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus8.html">
							<img class="bonus__icon" src="img/icon7.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 8.</p>
								<p>Премиум курс. Теория и практика адаптивной верстки</p>
							</div>
							<span class="bonus__lessons">10</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus9.html">
							<img class="bonus__icon" src="img/icon8.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 9.</p>
								<p>Премиум курс. CSS Grid Layout</p>
							</div>
							<span class="bonus__lessons">13</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus10.html">
							<img class="bonus__icon" src="img/icon9.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 10.</p>
								<p>Премиум курс. Flexbox</p>
							</div>
							<span class="bonus__lessons">7</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
					<li class="bonus__element">
						<a class="bonus__link" href="bonus11.html">
							<img class="bonus__icon" src="img/icon10.svg" alt="">
							<div class="bonus__name">
								<p>Бонус 11.</p>
								<p>Премиум курс. Препроцессор Sass</p>
							</div>
							<span class="bonus__lessons">10</span>
							<img src="img/down-arrow.svg" alt="">
						</a>
					</li>
				</ul>
			</main>
		</section>
	</div>
	<footer class="footer">
		<div class="footer__wrap wrap">
			<div class="footer__block">
				<p class="footer__copy">Все права защищены.<br> WebForMySelf, &copy; 2019</p>
				<p class="footer__zakon">«Любое незаконное использование настоящего информационного<br> продукта преследуется по закону»</p>
				<p class="footer__author">Авторы курса:<br>Даниил Волосатов<br>Денис Булыга</p>
				<a target="_blank" href="https://webformyself.com/">
					<img src="img/logo.png" alt="WebForMyself">
				</a>
			</div>
			<p class="footer__graph">
				*Иконки взяты с сайта <a target="_blank" href="https://www.flaticon.com/">www.flaticon.com</a>
			</p>
		</div>
	</footer>
</div>
</body>
</html>